<%@ page contentType="text/html;charset=UTF-8" %>
<%@ include file="/WEB-INF/views/include/taglib.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html >
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>首页</title>

    <!-- font-icon -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/font-welkin/css/iconfont.css" type="text/css">
    <!-- bootstrap-core -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap/v3.3.7/css/bootstrap.min.css" type="text/css">

    <!-- plugins -->
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-table/v1.11.0/bootstrap-table.min.css" type="text/css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-validator/css/bootstrapValidator.css" type="text/css">
    <link rel="stylesheet" href="${ctxFrontStatic }/libs/bootstrap-datetimepicker/css/bootstrap-datetimepicker.css" type="text/css">

    <link rel="stylesheet" href="${ctxFrontStatic }/style/welkin.css" type="text/css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/header.css" type="text/css">
    <link rel="stylesheet" href="${ctxFrontStatic }/style/app.css" type="text/css">

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script type="text/javascript" src="${ctxFrontStatic }/libs/html5shiv.min.js"></script>
    <script type="text/javascript" src="${ctxFrontStatic }/libs/respond.min.js"></script>

    <![endif]-->
</head>
<body>
<section class="main-fullscreen">
    <div class="container-fluid grail-basic-styles">
        <div class="wlk-grail">

            <!-- 具体内容 -->
            <section class="wlk-container">
                <!--header-->
                <header class="header">
                    <div class="pull-left">
                        <h2 class="header-title">短信平台系统</h2>
                    </div>
                    <div class="pull-right opt-box">
                        <!--操作按钮-->
                        <div class="btn-box pull-left">
                            <%--<a>--%>
                                <%--<img src="${ctxFrontStatic }/images/xiaoxi.png"/>--%>
                                <%--<span class="badge badge-warning"> 3</span>--%>
                            <%--</a>--%>
                            <div class="users dropdown">
                                <a class=" dropdown-toggle" data-toggle="dropdown" aria-expanded="false">
                                    <img src="${ctxFrontStatic }/images/yonghu.png"/>
                                    <img src="${ctxFrontStatic }/images/xiala.png"/>
                                </a>
                                <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                                    <li><p class="open-win" url="${ctxFront}/view/smsUserInfo">个人信息</p></li>
                                    <li><p class="open-win" url="${ctxFront}/view/userModifyPwd">修改密码</p></li>
                                </ul>
                            </div>
                            <a href="${ctxFront}/logout"class="quit">
                                <img src="${ctxFrontStatic }/images/tuichu.png"/>
                            </a>
                        </div>
                    </div>
                </header>

                <!-- 具体内容 -->
                <div class="iframe-container">
                    <iframe src="${ctxFront}/view/home" frameborder="0" width="100%" height="100%"></iframe>
                </div>

            </section>

            <!-- 侧边栏树 -->
            <aside class="wlk-aside">


                <div class="navbar">
                    <div class="user">
                        <img src="${ctxFrontStatic }/images/touxiang.png" alt=""/>
                        <p class="user-name">${fns:getUser().name}</p>
                        <p class="user-company">${fns:getUser().companyName}</p>
                    </div>

                    <!--菜单-->
                    <ul class="nav-menu-common nav-wrap nb-expand">
                        <li>
                            <img class="nav-img" src="${ctxFrontStatic }/images/home.png" alt="">
                            <a class="nav-menu first-navli open-win" url="/front/consume/weekConsume" id="home">首页</a>
                        </li>
                        <li>
                            <img class="nav-img" src="${ctxFrontStatic }/images/message.png" alt="">
                            <a class="nav-menu first-navli" href="">短信管理
                                <i class="iconfont icon-rtarrow arrow-icon"></i>
                            </a>
                            <ul class="second-nav">
                                <li>
                                    <a class="nav-menu second-navli open-win" url="${ctxFront}/view/sendmessage">发送短信</a>
                                </li>
                                <%--<li>--%>
                                    <%--<a class="nav-menu second-navli" url="">收件箱</a>--%>
                                <%--</li>--%>
                                <li>
                                    <a class="nav-menu second-navli open-win" url="${ctxFront}/jump/sendedPage?id=${fns:getUser().id}">发送历史</a>
                                </li>
                                <%--<li>--%>
                                    <%--<a class="nav-menu second-navli" url="">通信录</a>--%>
                                <%--</li>--%>
                            </ul>
                        </li>
                        <li>
                            <img class="nav-img" src="${ctxFrontStatic }/images/finance.png" alt="">
                            <a class="nav-menu first-navli" href="">财务管理
                                <i class="iconfont icon-rtarrow arrow-icon"></i>
                            </a>
                            <ul class="second-nav">
                                <li>
                                    <a class="nav-menu second-navli open-win" url="/admin/account/baseAccountAmountLogs/list">消费记录</a>
                                </li>
                                <li>
                                    <a class="nav-menu second-navli open-win" url="${ctxFront}/view/recharge">立即充值</a>
                                </li>
                                <li>
                                    <a class="nav-menu second-navli open-win" url="${ctxFront}/view/apply">申请发票</a>
                                </li>
                                <li>
                                    <a class="nav-menu second-navli open-win" url="${ctxFront}/view/invoicedetails">开票记录</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <img class="nav-img" src="${ctxFrontStatic }/images/develop.png" alt="">
                            <a class="nav-menu first-navli" url="">自主研发
                                <i class="iconfont icon-rtarrow arrow-icon"></i>
                            </a>
                            <ul class="second-nav">
                                <li>
                                    <a class="nav-menu second-navli open-win" url="">模板列表</a>
                                </li>
                                <%--<li>--%>
                                    <%--<a class="nav-menu second-navli open-win" url="">新增模板</a>--%>
                                    <!--<ul class="third-nav">
                                        <li>
                                            <a class="nav-menu third-navli" href="javascript:;">222222</a>
                                        </li>
                                        <li>
                                            <a class="nav-menu third-navli" href="javascript:;">222222</a>
                                        </li>
                                        <li>
                                            <a class="nav-menu third-navli" href="javascript:;">222222</a>
                                        </li>
                                        <li>
                                            <a class="nav-menu third-navli" href="javascript:;">222222</a>
                                        </li>
                                        <li>
                                            <a class="nav-menu third-navli" href="javascript:;">222222</a>
                                        </li>

                                    </ul>-->
                                <%--</li>--%>
                            </ul>
                        </li>
                    </ul>
                </div>
            </aside>
        </div>
    </div>
</section>

<footer class="app-footer">

</footer>
<script type="text/javascript" src="${ctxFrontStatic }/libs/jquery/v1.12.4/jquery.min.js"></script>
<script type="text/javascript" src="${ctxFrontStatic }/libs/bootstrap/v3.3.7/js/bootstrap.js"></script>
<script type="text/javascript" src="${ctxFrontStatic }/libs/bootstrap-validator/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/bootstrap-datetimepicker.js"></script>
<script type="text/javascript" src="${ctxFrontStatic }/libs/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<script type="text/javascript" src="${ctxFrontStatic }/js/navbar.js"></script>

<script>
    $(function () {
        $(".open-win").on('click', function () {
            $(".iframe-container iframe").attr("src", $(this).attr("url"));
        });
        document.getElementById("home").click();
    })


</script>

</body>
</html>